/** ************************查询表单布局**************************** */	

 var  searchForm  = new Ext.FormPanel({
      id           :     'searchForm',
      labelAlign   :     'right',
      frame        :     true,
      items        :     [{
                                layout      :  'column',
                                border      :  false,
                                labelWidth  :  85,
                                items       :  [
                                               {
                                                  columnWidth   : .5,
                                                  layout        : 'form',
                                                  border        : false,
                                                  items         : getSearchFormColumn(1)
                                               },
                                               {
                                                  columnWidth   :  .5,
                                                  layout        :  'form',
                                                  border        :  false,
                                                  items         :  getSearchFormColumn(2)
                                               }
                                               ]
                          }],
       buttonAlign   :    'center',
       buttons       :    [
                          {
                                  id          :  'form_btn',
                                  text        :  '查询',
                                  formBind    :  true,
                                  handler     :  queryBookType
                          },
                          {
                                  text          :  '清空',
                                  handler     :  function(){
                                                    searchForm.form.reset(); 
                                                 } 
                          }
                          ] 
  });
  
  /** ************************显示数据布局**************************** */	
  
  var  dataGrid   =  new Ext.grid.GridPanel({
           id         :    'dataGrid',
           title      :    '用户列表',
           store      :    dataStore,
           autoScroll :    true,
           loadMask   :    true,
           sm         :    sm,
           columns    :    getDataGridColumns(),
           //bbar     :    getPbar(),
           viewConfig :    {
                              forceFit      :  true,
                              showPreview   :  true,
                              columnsText   :  '显示列',
                              sortAscText   :  '升序',
                              sortDescText  :  '降序'
                           },
          //emptyMsg  :    "没有数据"
           bbar       : new Ext.PagingToolbar({
				              pageSize      : 10,
				              store         : dataStore,
				              displayInfo   : true,
				              plugins       : new Ext.ux.ProgressBarPager(),
				                                     displayInfo       : true
			                                 }),
		  plugins     : new Ext.ux.PanelResizer({
				                            minHeight : 100
			                                   })
   });
  
 /** ************************新增数据布局**************************** */
  
  function  showAddWin(){
	  
	   	var addForm = new Ext.FormPanel({
				
				id              : 'addForm',
				collapsible     : true,
				frame           : true,
				labelAlign      : 'right',
				autoScroll      : true,
				buttonAlgin     : 'center',
				width           : 820,
				height          : 150,
			//	buttons         : bts,
				defaults        : {
					                style : "margin-top:0;margin-bottom:0"
				                  },
				items           : [{
					                 items  : [{
						             layout : 'column', // 定义该元素为布局为列布局方式
						             anchor : '98%',
						                        items : [{// 第1列
							                               columnWidth : .3,
							                               layout      : 'form',
							                               border      : false,
							                               items       : getAddFormItems(1)
						                                  },
						                                  {// 第2列
						                                   columnWidth : .3,
							                               layout      : 'form',
							                               border      : false,
							                               items       : getAddFormItems(2)
						                                  },
						                                  {// 第3列
						                                   columnWidth : .4,
							                               layout      : 'form',
							                               border      : false,
							                               items       : getAddFormItems(3)
						                                  }
						                                  ]
					                            }]
				                   }]
			});
	var bts=new Array();
	var fh = {  
		text    : '关闭',
		handler : function() {
			win.close();
		}
	};

	var tj = {
		text    :'提交',
		handler : function() {
			addBookType();
		}
	};
	
	bts.push(tj);
	bts.push(fh);
	 var win = new Ext.Window({
				title         : '新增商品类型',
				id            : 'addBookTypewin',
				layout        : 'fit',
				width         : 820,
				height        : 200,
			//	autoHeight    : true,
				modal         : true,
				closeAction   : 'close',
				closable      : true,
				//resizable   : false,
				collapsible   : true,
				buttonAlign   : 'center',
				items         : [addForm],
				buttons       : bts
			});
	win.show();
  }
  
   /** ************************编辑数据布局**************************** */
  
  function showWin(rowIndex){
	
	var data=dataStore.getAt(rowIndex).data;
	var id  = data.id;
	var showPanel = new Ext.FormPanel({
		collapsible : true,
		id          : 'showForm',
		frame 		: true,
		height      : 150,
		labelAlign 	: 'right',
		autoScroll 	: true,
		buttonAlgin : 'center',
		defaults 	: {
			style 		: "margin-top:0;margin-bottom:0"
		},
		items 		: [{
					                 items  : [{
						             layout : 'column', // 定义该元素为布局为列布局方式
						             anchor : '98%',
						                        items : [{// 第1列
							                               columnWidth : .5,
							                               layout      : 'form',
							                               border      : false,
							                               items       : getShowFormItemes(data,1)
						                                  },
						                                  {// 第2列
						                                   columnWidth : .5,
							                               layout      : 'form',
							                               border      : false,
							                               items       : getShowFormItemes(data,2)
						                                  }]
					                            },{
						             layout : 'column', // 定义该元素为布局为列布局方式
						             anchor : '98%',
						                        items : [{// 第1列
							                               columnWidth : 1,
							                               layout      : 'form',
							                               border      : false,
							                               items       : getShowFormItemes(data,3)
						                                  }]
					                            }]
				                   }]
	});
	
	var win = new Ext.Window({
		id			: 'showwin',
		title       : '查看',
		width       : 520,
		autoHeight  : true,
		modal       : true,
		layout      : 'form',
		closeAction : 'close',
		closable    : true,
		autoScroll  : true,
		buttonAlign : 'center',
		layout      :'fit',
		items		:[showPanel],
		buttons     : [{
			
			text    :'编辑',
		handler     : function() {
		              editBookType();
			}
		},{
			text    : '返回',
			handler : function () {
				      win.close();
			} 
		}]
	});

	win.show();
	
}


 